html,
body {
    background-color: #34495e;
}

.loginView {
    position: absolute;
    left: 50%;
    top: 50%;

    background-color: #fff;

    /* 给一些内边距 */
    padding: 60px;

    /* 来个圆角,自然一些 */

    border-radius: 10px;

    /* 没有居中,因为是根据左上角来位移的,我们需要调整一下偏移量 */
    /* 这个的意思是向左和向上偏移相对于自身50%的位置 */
    transform: translate(-50%, -50%);
}

/* 调整一下logo样式 */

.loginView img {
    width: 100px;
    position: absolute;
    left: 50%;
    top: -50%;
    transform: translateX(-50%);

    border-radius: 50%;

    /* 加一些阴影,不会 */
    box-shadow: 2px 2px 10px #fff;

    /* 就这样吧 */

}

.row {
    margin: 10px;
    text-align: center;
}

.row input {
    height: 30px;
    font-size: 18px;
    border: #7f8c8d 1px solid;
    outline: none;
}


.btn {
    background-color: #2ecc71;
    color: #fff;
    border: none;
    opacity: 0.7;
    margin-left: 10px;
    margin-right: 10px;
}

.btn:active {
    opacity: 1;
}


